<html>
<head>
	<title>
		
	</title><script type="text/javascript" src="./jquery.js"></script>
	<!-- </title><script type="text/javascript" src="./common.js"></script> -->

</head>
<style type="text/css">
.select{margin: 20px 0 20px 670px;}
.show{text-align: center;}
</style>
<body>
	<select class="select" name="city" onchange="ajax_test(this.value)">
		<option value=0>--请选择--</option>
		<option value=1>广州</option>
		<option value=2>上海</option>
		<option value=3>深圳</option>
		<option value=4>东莞</option>
	</select>


	<div class="show" id="show">这里将展示所选结果</div>

	<script type="text/javascript">
		function ajax_test(str){
			var url = "./ajax_test.php?value="+str;
			$.get(url,function(data){
				document.getElementById("show").innerHTML = data;
			});
		}
	</script>
</body>

</html>